<template>
	<div id="app">
		<div id="nav">
			<a href="home.html">Home</a> |
			<a href="about.html">About</a>
		</div>
		<div class="home">
			<img alt="Vue logo" src="../../assets/logo.png" />
			<HelloWorld msg="Welcome to Your Vue.js App" />
		</div>
	</div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue"

export default {
	name: "Home",
	components: {
		HelloWorld,
	},
}
</script>

<style>
#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
}

#nav {
	padding: 30px;
}

#nav a {
	font-weight: bold;
	color: #2c3e50;
}

#nav a.router-link-exact-active {
	color: #42b983;
}
</style>
